<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <link rel="stylesheet" type="text/css" href="meucss.css"></link>
        <title>Regressiva TV Bahia</title>

    </h:head>
    <h:body  style=" text-align: center" >

        <h:form>

            <p:layout fullPage="true">

                <p:layoutUnit position="center" scrollable="true" style="text-align: center; background-image: url(./resources/king.png)">
                    <h:outputText id="txt_titulo1" style=" font-size: 75px; font-family: sans-serif; background-color: white; color: #363540; " value="#{contadorBean.hora.titulo}"/>
                    <br/>
                    <br/>
                    <br/>
                    <center>
                        <h:panelGrid id="panel" columns="2" styleClass="descricao" style="text-align: center; azimuth: center" border="0" width="900" cellspacing="15">


                            <h:outputText style="color: green" styleClass="descricao_fundo" value="Hora da rede" />
                            <h:outputText id="txt_hora" style="color: green" styleClass="relogio" value="#{contadorBean.rede_tela}"/>



                            <h:outputText value="Regressiva" style="color: red" styleClass="descricao_fundo" />
                            <h:outputText id="txt_hora_regressiva" style="color: red" styleClass="relogio" value="#{contadorBean.regressiva}"/>



                            <h:outputText id="txt_titulo2" style="color: black" styleClass="descricao_fundo" value="Início do #{contadorBean.hora.titulo}"/>
                            <h:outputText id="txt_hora_inicial" style="color: black"  styleClass="relogio" value="#{contadorBean.horainicial}"/>



                            <h:outputText value="Produção" style="color: blue" styleClass="descricao_fundo" />
                            <h:outputText id="txt_producao" style="color: blue" styleClass="relogio" value="#{contadorBean.producao}"/>



                            <h:outputText value="Comercial" style="color: #76828a" styleClass="descricao_fundo" />
                            <h:outputText id="txt_hora_comercial" style="color: #76828a" styleClass="relogio" value="#{contadorBean.comercial}"/>



                            <h:outputText id="txt_titulo3" value="Fim do #{contadorBean.hora.titulo}" style="color: black" styleClass="descricao_fundo" />
                            <h:outputText id="txt_hora_fim" style="color: black" styleClass="relogio" value="#{contadorBean.horafinal}"/>

                        </h:panelGrid>
                    </center>
                </p:layoutUnit>
            </p:layout>

            <p:poll id="att_valores" actionListener="#{contadorBean.attDados}" interval="10" />
            <p:poll id="att_rede" actionListener="#{contadorBean.incrementaRede}" async="false" interval="1" update="txt_hora" />
            <p:poll id="att_regressiva" actionListener="#{contadorBean.incrementaRegressiva}" async="false" interval="1" update="txt_hora_regressiva" />
            <p:poll id="att_producao" actionListener="#{contadorBean.incrementaProducao}" interval="5" update="txt_producao" async="false" />
            <p:poll id="att_panel" update="panel" interval="10" async="false" />
            <p:poll id="att_titulo1" interval="10" update="txt_titulo1" async="false" />
        </h:form>
    </h:body>
    <!--<meta content="320" http-equiv="refresh"  />-->
</html>
